Otherwise, the menu will have ugly black corners.
See https://gitlab.gnome.org/GNOME/gtk/issues/1661
padding: 4px 0px;
background-color: $menu_color;
border: 1px solid $borders_color; // adds borders in a non composited env
- border-radius: $menu_radius;
- .csd & { border: none; } // axes borders in a composited env
+ .csd & {
+ border: none; // axes borders in a composited env
+ border-radius: $menu_radius;
+ }
&:backdrop { background-color: $backdrop_menu_color; }
.background.popup { background-color: transparent; }
-menu, .menu, .context-menu { padding: 4px 0px; background-color: #2f2f2f; border: 1px solid #1b1b1b; border-radius: 5px; }
+menu, .menu, .context-menu { padding: 4px 0px; background-color: #2f2f2f; border: 1px solid #1b1b1b; }
-.csd menu, .csd .menu, .csd .context-menu { border: none; }
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; }
menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #313131; }
.background.popup { background-color: transparent; }
-menu, .menu, .context-menu { padding: 4px 0px; background-color: #ffffff; border: 1px solid #cdc7c2; border-radius: 5px; }
+menu, .menu, .context-menu { padding: 4px 0px; background-color: #ffffff; border: 1px solid #cdc7c2; }
-.csd menu, .csd .menu, .csd .context-menu { border: none; }
+.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 5px; }
menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #fcfcfc; }